<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<link href='../../dist/fullcalendar.css' rel='stylesheet' />
<link href='../../dist/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='../../node_modules/moment/moment.js'></script>
<script src='../../node_modules/moment-timezone/moment-timezone.js'></script>
<script src='../../node_modules/jquery/dist/jquery.js'></script>
<script src='../../dist/fullcalendar.js'></script>
<script>

	//moment-timezone-data
	moment.tz.add({
	    "zones": {
	        "CET": [
	            "1 C-Eur CE%sT"
	        ],
	        "Etc/GMT": [
	            "0 - GMT"
	        ],
	        "Etc/UTC": [
	            "0 - UTC"
	        ],
	        "Europe/Berlin": [
	            "0:53:28 - LMT 1893_3 0:53:28",
	            "1 C-Eur CE%sT 1945_4_24_2 2",
	            "1 SovietZone CE%sT 1946 1",
	            "1 Germany CE%sT 1980 1",
	            "1 EU CE%sT"
	        ]
	    },
	    "rules": {
	        "C-Eur": [
	            "1916 1916 3 30 7 23 0 1 S",
	            "1916 1916 9 1 7 1 0 0",
	            "1917 1918 3 15 1 2 2 1 S",
	            "1917 1918 8 15 1 2 2 0",
	            "1940 1940 3 1 7 2 2 1 S",
	            "1942 1942 10 2 7 2 2 0",
	            "1943 1943 2 29 7 2 2 1 S",
	            "1943 1943 9 4 7 2 2 0",
	            "1944 1945 3 1 1 2 2 1 S",
	            "1944 1944 9 2 7 2 2 0",
	            "1945 1945 8 16 7 2 2 0",
	            "1977 1980 3 1 0 2 2 1 S",
	            "1977 1977 8 0 8 2 2 0",
	            "1978 1978 9 1 7 2 2 0",
	            "1979 1995 8 0 8 2 2 0",
	            "1981 9999 2 0 8 2 2 1 S",
	            "1996 9999 9 0 8 2 2 0"
	        ],
	        "SovietZone": [
	            "1945 1945 4 24 7 2 0 2 M",
	            "1945 1945 8 24 7 3 0 1 S",
	            "1945 1945 10 18 7 2 2 0"
	        ],
	        "Germany": [
	            "1946 1946 3 14 7 2 2 1 S",
	            "1946 1946 9 7 7 2 2 0",
	            "1947 1949 9 1 0 2 2 0",
	            "1947 1947 3 6 7 3 2 1 S",
	            "1947 1947 4 11 7 2 2 2 M",
	            "1947 1947 5 29 7 3 0 1 S",
	            "1948 1948 3 18 7 2 2 1 S",
	            "1949 1949 3 10 7 2 2 1 S"
	        ],
	        "EU": [
	            "1977 1980 3 1 0 1 1 1 S",
	            "1977 1977 8 0 8 1 1 0",
	            "1978 1978 9 1 7 1 1 0",
	            "1979 1995 8 0 8 1 1 0",
	            "1981 9999 2 0 8 1 1 1 S",
	            "1996 9999 9 0 8 1 1 0"
	        ]
	    },
	    "links": {}
	});

	$(document).ready(function() {

		$('#calendar').fullCalendar({
			editable: true,
			timezone: 'Europe/Berlin',
			events: [
                {
                    title: "event1",
                    start: moment.parseZone('2014-05-30T10:00:00+02:00').tz('Europe/Berlin')
                }
			],
			eventRender: function(event, el) {
				// render the timezone offset below the event title
				if (event.start.hasZone()) {
					el.find('.fc-event-title').after(
						$('<div class="tzo"/>').text(event.start.format('Z'))
					);
				}
			}
		});
		
	});

</script>
<style>

	body {
		margin: 0;
		padding: 0;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		font-size: 14px;
	}

	#calendar {
		width: 900px;
		margin: 40px auto;
	}

</style>
</head>
<body>

	<div id='calendar'></div>

</body>
</html>
